<%@ page contentType="text/html;charset=UTF-8" %>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>

    <head>
      <script>
        $(function () {
          //返回按钮点击事件
          $("#btn_review_back").click(function () {
            //返回评价列表页面
            $(".menu_li[data-toggle=review]").click();
          });
        });
      </script>
      <style rel="stylesheet">
        .details_property_list {
          width: 100%;
        }

        .details_property_list>li {
          list-style: none;
          padding: 10px 0;
        }

        .details_property_list>li>span {
          display: inline-block;
          width: 30%;
          font-weight: bold;
        }

        .details_property_list>li>p {
          display: inline-block;
          width: 65%;
          margin: 0;
          vertical-align: top;
          word-break: break-all;
        }

        .details_img_list>li {
          list-style: none;
          padding: 5px 0;
        }

        .details_img_list>li>img {
          width: 100%;
          max-width: 400px;
          max-height: 400px;
          border-radius: 5px;
        }

        .details_tools_div {
          text-align: center;
          margin: 20px 0;
        }
      </style>
    </head>

    <body>
      <div class="details_div_first">
        <input type="hidden" value="${requestScope.review.review_id}" id="details_review_id" />
        <div class="frm_div">
          <label class="frm_label text_info" id="lbl_review_id">评价编号</label>
          <span class="details_value" id="span_review_id">${requestScope.review.review_id}</span>
        </div>
        <div class="frm_div">
          <label class="frm_label text_info" id="lbl_review_date">评价日期</label>
          <span class="details_value" id="span_review_date">${requestScope.review.review_createDate}</span>
        </div>
      </div>
      <div class="details_div">
        <span class="details_title text_info">评价内容</span>
        <div class="details_content">
          <p>${requestScope.review.review_content}</p>
        </div>
      </div>
      <div class="details_div">
        <span class="details_title text_info">用户信息</span>
        <ul class="details_property_list">
          <li>
            <span>用户ID：</span>
            <p>${requestScope.review.review_user.user_id}</p>
          </li>
          <li>
            <span>用户名：</span>
            <p>${requestScope.review.review_user.user_name}</p>
          </li>
          <li>
            <span>用户昵称：</span>
            <p>${requestScope.review.review_user.user_nickname}</p>
          </li>
        </ul>
      </div>
      <div class="details_div">
        <span class="details_title text_info">商品信息</span>
        <ul class="details_property_list">
          <li>
            <span>商品ID：</span>
            <p>${requestScope.review.review_product.product_id}</p>
          </li>
          <li>
            <span>商品名称：</span>
            <p>${requestScope.review.review_product.product_name}</p>
          </li>
          <li>
            <span>商品标题：</span>
            <p>${requestScope.review.review_product.product_title}</p>
          </li>
          <li>
            <span>商品价格：</span>
            <p>¥${requestScope.review.review_product.product_price}</p>
          </li>
          <li>
            <span>商品销售价格：</span>
            <p>¥${requestScope.review.review_product.product_sale_price}</p>
          </li>
        </ul>
      </div>
      <div class="details_tools_div">
        <input class="frm_btn" id="btn_review_back" type="button" value="返回" />
      </div>
    </body>

    </html>